<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script>
    // * 在`ES6`中新增了块级作用域的概念，使用{}扩起来的区域叫做块级作用域
    // // es5
    // // {
    // //     var a = 1;
    // // }
    // // console.log(a);// 1
    //
    // // es6
    // {
    //     let a = 100;
    // }
    // console.log(a);// ReferenceError: a is not defined

    // * let关键字声明变量，实际上为 JavaScript 新增了块级作用域。
    //
    // * 块作用域由 { } 包裹，if语句和for语句里面的{ }也属于块作用域。
    // let username = "zhangsan";
    // if(1===1){
    //     let b = 20;
    //     console.log(username);
    // }
    // console.log(b);// ReferenceError: b is not defined


    // * 在块内使用let声明的变量，只会在当前的块内有效。

</script>
</html>